<%@ page  language = "java"  import = "java.util.*"  contentType = "text/html; charset=utf-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+ "://" +request.getServerName()+ ":" +request.getServerPort()+path+ "/" ;
%>
<html >
<head >
    <!-- Page title -->
    <title>登陆</title>
    <!-- End of Page title -->
    <!-- Libraries -->
    <link  type = "text/css"  href = "css/login.css"  rel = "stylesheet"  />
    <link  type = "text/css"  href = "css/smoothness/jquery-ui-1.7.2.custom.html"  rel = "stylesheet"  />
    <script  type = "text/javascript"  src = "js/jquery-1.3.2.min.js" ></script >
    <script  type = "text/javascript"  src = "js/easyTooltip.js" ></script >
    <script  type = "text/javascript"  src = "js/jquery-ui-1.7.2.custom.min.js" ></script >
    <!-- End of Libraries -->

    <style>
        *{
            margin: 0;
            padding: 0;
        }

        html {
            background-image: url(img/beijing.jpg);
            background-size: 100% auto;
        }

        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

         #loginDiv {
             width: 37%;
             display: flex;
             justify-content: center;
             align-items: center;
             height: 300px;

             background-color: rgba(75, 81, 95, 0.8);
             box-shadow: 7px 7px 17px rgba(52, 56, 66, 0.5);
             border-radius: 5px;

         }

        #name_trip {
            margin-left: 50px;
            color: #ff0000;
        }

        p {
            margin-top: 30px;
            margin-left: 20px;
            color: azure;
        }

        input {
            margin-left: 15px;
            border-radius: 5px;
            border-style: hidden;
            height: 30px;
            width: 140px;
            background-color: rgba(216, 191, 216, 0.5);
            outline: none;
            color: #f0edf3;
            padding-left: 10px;
        }

        .button {
            border-color: cornsilk;
            background-color: rgba(100, 149, 237, 0.7);
            color: aliceblue;
            border-style: hidden;
            border-radius: 5px;
            width: 100px;
            height: 31px;
            font-size: 16px;
        }
    </style>
</head>

<body>
<div id="loginDiv">
    <form action="dologin.jsp" id="form">
        <h1 style="text-align: center;color: aliceblue;">登录</h1>
        <p>用户名:<input name="username" type="text"><label id="name_trip"></label></p>

        <p style="padding-right: 30px"> 密码: <input name="password" type="password">
            <label id="password_trip"style="padding-right: 30px"></label></p>

        <div style="text-align: center;margin-top: 30px;padding-right: 10px">
            <input type="submit" class="button" value="登录">
            <input type="reset" class="button" value="重置">
        </div>
    </form>
</div>

</body>
</html>
